<template>
	<view>
		<view class="float-icon" direction="all">
    <view @tap="$emit('to_dial',$event)" class="dial" :style="'background-image:url('+data.dapp.dial_pic+')'" style="background-size: 100upx 100upx;" v-if="data.dapp.dial==1&&data.dapp.dial_pic"></view>
    <navigator hoverClass="none" openType="navigate" :url="'/pages/web/web?url='+data.dapp.option.web_service_url" v-if="data.dapp.option.web_service">
        <image class="dial" :src="data.dapp.option.web_service"></image>
    </navigator>
    <block v-if="data.dapp.show_customer_service&&data.dapp.show_customer_service==1&&data.dapp.service">
        <button class="float-icon-btn" openType="contact" :sessionFrom="data.__user_info.nickname|" style="height:100%" v-if="data.__platform=='wx'">
            <image class="dial" :src="data.dapp.service"></image>
        </button>
        <view class="float-icon-btn" style="position: relative" v-if="data.__platform=='my'">
            <view style="z-index:2;width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0">
                <contact-button :scene="data.__alipay_mp_config.cs_scene" :tntInstId="data.__alipay_mp_config.cs_tnt_inst_id"></contact-button>
            </view>
            <image class="dial" :src="data.dapp.service" style="z-index:1"></image>
        </view>
    </block>
    <block v-if="data.dapp.option.wxapp.pic_url">
        <navigator :appId="data.dapp.option.wxapp.appid" data-open_type="wxapp" hoverClass="none" openType="navigate" :path="data.dapp.option.wxapp.path" target="miniProgram" v-if="data.__platform=='wx'">
            <image class="dial" :src="data.dapp.option.wxapp.pic_url"></image>
        </navigator>
        <view @tap="$emit('openWxapp',$event)" :data-app-id="data.dapp.option.wxapp.appid" :data-path="data.dapp.option.wxapp.path" v-if="data.__platform=='my'">
            <image class="dial" :src="data.dapp.option.wxapp.pic_url"></image>
        </view>
    </block>
</view>

	</view>
</template>

<script>var myVue = {};
	export default {
		props:['data'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

</style>
